<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Perfil</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        <script type='text/javascript'>
            $(document).ready(function() {
                $(".btn1").click(function() {
                    $(".read-more").slideToggle();
                });
            });
        </script>
    </head>
    <body>

        {% include "topmenu.html" %} <!-- Side bar -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <!-- Listado de universidades divididas por regiones -->
                <div class="span9">
                    <!-- Universidades participantes agrupadas por region -->
                    <div class="row-fluid">
                        <div class="page-header">
                            <h3>{{ universidad.nombre }}</h3>{{ region.nombre }} / {{ universidad.pais.name }}
                        </div>
                    </div>
                    <!-- Primera fila - titulo de la region -->
                    <div class="row-fluid">
                        <div class="span8">
                            {% if datos_indicadores_texto %}

                            <h5> Periodo del informe actual: <b> {{inicio }} al {{ fin }} </b> {% if mas_de_un_informe == True %}
                            <br><br><p>
                                Existen informes de periodos anteriores:  <a class="btn btn-info" href="/plataforma/indicadores/listar_informes_anteriores/{{universidad.id}}"> Ver informes anteriores</a>
                            </p> 
                            
                            {% endif %} 
                            </h5>
                            Resumen:
                            <br>
                            {{datos_indicadores_texto.respuesta | linebreaks }}
                            {% else %}
                            No existen informes.
                            {% endif %}
                        </div>
                        <div class="span4">
                            <br>
                            <address>
                                <i class="icon-user"> &nbsp; </i><strong>Administrador de Institución</strong>
                                <br>
                                {{ administrador.first_name }} &nbsp; {{administrador.last_name }}
                                <br>
                                <a href="mailto:{{ administrador.email }}?Subject=Asunto" target="_blank">{{ administrador.email }}</a>
                                <br>
                                <abbr title="Teléfono">Tel:</abbr> 1234-5678
                            </address>
                        </div>
                    </div>
                    <div class="row-fluid" class="span5">
                        {% if datos_indicadores_texto %}
                        <!-- Read more -->
                        <p>
                            <a href="#" class="btn1">Ver mas..</a>
                        </p>
                        <div class="read-more" style="display:none">
                            {% if datos_indicadores_texto.archivo %}
                            Leer informe completo:&nbsp;&nbsp;<a target="_blank" href="/plataforma{{ datos_indicadores_texto.archivo.url }}">Descargar pdf</a>
                            <br/>
                            <br />
                            {% endif %}

                            {{read_more | safe | linebreaks}}
                        </div>
                        {% endif %}
                    </div>
                    <!-- Segunda fila - Bandera, Pais y listado de universidades de la region -->
                    <br>
                    <!-- Fin de Region-->
                </div>
            </div>
            <!-- /row -->
            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </body>
</html>
